﻿@model Chbl.Models.Article

@{
    ViewBag.Title = "Create";
}
<div class="pad">
    <div class="box2">
        <div class="pad">

            <h3>Create</h3>

            <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
            <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
            <script src="@Url.Content("~/Scripts/TinyMCE/tiny_mce.js")" type="text/javascript" ></script>
            <script src="@Url.Content("~/Scripts/TinyMCE/tinyMceHelper.js")" type="text/javascript" ></script>
            <script type="text/javascript">
                    tinyMCE.init({
                        // General options
                        mode: "textareas",
                        theme: "advanced",
                        skin: "o2k7",
                        plugins: "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,inlinepopups,autosave",

                        // Theme options
                        theme_advanced_buttons1: "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
                        theme_advanced_buttons2: "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
                        theme_advanced_buttons3: "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
                        theme_advanced_buttons4: "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
                        theme_advanced_toolbar_location: "top",
                        theme_advanced_toolbar_align: "left",
                        theme_advanced_statusbar_location: "bottom",
                        theme_advanced_resizing: true

                        //content_css: "../../Content/template/style.css",

                        // Drop lists for link/image/media/template dialogs
                //        template_external_list_url: "lists/template_list.js",
                //        external_link_list_url: "lists/link_list.js",
                //        external_image_list_url: "lists/image_list.js",
                //        media_external_list_url: "lists/media_list.js",

                        // Replace values for the template plugin
                //        template_replace_values: {
                //            username: "Some User",
                //            staffid: "991234"
                //        }
                    });
            </script>
            @using (Html.BeginForm()) {
                @Html.ValidationSummary(true)
                <fieldset>
                    <div class="editor-label">
                        @Html.LabelFor(model => model.Title)
                    </div>
                    <div class="editor-field">
                        @Html.EditorFor(model => model.Title)
                        @Html.ValidationMessageFor(model => model.Title)
                    </div>
                    <div class="editor-label">
                        @Html.LabelFor(model => model.Author)
                    </div>
                    <div class="editor-field">
                        @Html.EditorFor(model => model.Author)
                        @Html.ValidationMessageFor(model => model.Author)
                    </div>

                     <div class="editor-label">
                        @Html.LabelFor(model => model.BigImageUrl)
                    </div>
                    <div class="editor-field">
                        @Html.EditorFor(model => model.BigImageUrl)
                        @Html.ValidationMessageFor(model => model.BigImageUrl)
                    </div>

                    <div class="editor-label">
                        @Html.LabelFor(model => model.SmallImageUrl)
                    </div>
                    <div class="editor-field">
                        @Html.EditorFor(model => model.SmallImageUrl)
                        @Html.ValidationMessageFor(model => model.SmallImageUrl)
                    </div>

                     <div class="editor-label">
                        @Html.LabelFor(model => model.isTopNews)
                    </div>
                    <div class="editor-field">
                        @Html.EditorFor(model => model.isTopNews)
                        @Html.ValidationMessageFor(model => model.isTopNews)
                    </div>

                    <div class="editor-label">
                        @Html.LabelFor(model => model.TopNewsNumber)
                    </div>
                    <div class="editor-field">
                        @Html.DropDownListFor(model => model.TopNewsNumber, new []
                            { 
                                new SelectListItem { Selected = true, Text = "1",  Value = "1" }
                                ,new SelectListItem { Selected = true, Text = "2",  Value = "2" }
                                ,new SelectListItem { Selected = true, Text = "3",  Value = "3" }
                            } )
                        @Html.ValidationMessageFor(model => model.TopNewsNumber)
                    </div>


                        @Html.HiddenFor(model => model.Content)
                </fieldset>
                <div>
                    <!-- Gets replaced with TinyMCE, remember HTML in a textarea should be encoded -->
                    <div>
        			            <textarea id="elm1" name="elm1" rows="15" cols="15">
                                </textarea>
                    </div>

                    <input id="submitButton" type="submit" name="save" value="Submit"/>
                </div>
            }

            <div>
                @Html.ActionLink("Back to List", "Index")
            </div>

        </div>
    </div>
</div>
